<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			.container {
				width: 1200px;
				overflow: hidden;
				margin: 0 auto;
			}
			li{
				list-style-type: none;
			}
			*{
				padding: 0px;
				margin: 0px;
			}
			a{
				text-decoration: none;
			}
			.color{
				color: #FF6A00;
			}
			.size{
				font-size: 12px;
			}
			#zhanshi01{
				height: 300px;
				width: 204px;
				float: left;
				margin: 10px 40px;
			}
			#zhanshi01 img{
				height: 210px;
				width: 204px;
			}
			span{
				float: left;
				margin-top: 10px;
			}
			.button01{
				width: 100px;
				height: 20px;
				display: block;
				border: 1px solid #d9d9d9;
				color: #d9d9d9;
				font-size: 13px;
				font-weight: bolder;
				line-height: 20px;
				text-align: center;
				float: left;
			}
			.button02{
				width: 100px;
				height: 20px;
				display: block;
				border: 1px solid #d9d9d9;
				color: #20201c;
				font-size: 12px;
				font-weight: bolder;
				line-height: 20px;
				text-align: center;
				float: left;
			}
		</style>
	</head>
	<body>
		<div class="container">
			<ul>
				<li>
					<div id="zhanshi01">
						<img src="img/tlms01.webp" alt="">
						<p class="color">￥198.00</p>
						<p class="size">悦轩饼家雪糕/提拉米苏(约2磅)</p>
						<span>
							<a class="button01" href="javascript:;">♥&nbsp;收藏</a>
							<a class="button02" href="javascript:;">加入购物车</a>
						</span>
					</div>
				</li>
				<li>
					<div id="zhanshi01">
						<img src="img/tlms02.webp" alt="">
						<p class="color">￥198.00</p>
						<p class="size">悦轩饼家雪糕/提拉米苏(约2磅)</p>
						<span>
							<a class="button01" href="javascript:;">♥&nbsp;收藏</a>
							<a class="button02" href="javascript:;">加入购物车</a>
						</span>
					</div>
				</li>
				<li>
					<div id="zhanshi01">
						<img src="img/tlms03.png" alt="">
						<p class="color">￥198.00</p>
						<p class="size">悦轩饼家雪糕/提拉米苏(约2磅)</p>
						<span>
							<a class="button01" href="javascript:;">♥&nbsp;收藏</a>
							<a class="button02" href="javascript:;">加入购物车</a>
						</span>
					</div>
				</li>
				<li>
					<div id="zhanshi01">
						<img src="img/tlms04.webp" alt="">
						<p class="color">￥198.00</p>
						<p class="size">悦轩饼家雪糕/提拉米苏(约2磅)</p>
						<span>
							<a class="button01" href="javascript:;">♥&nbsp;收藏</a>
							<a class="button02" href="javascript:;">加入购物车</a>
						</span>
					</div>
				</li>
				<li>
					<div id="zhanshi01">
						<img src="img/tlms02.webp" alt="">
						<p class="color">￥198.00</p>
						<p class="size">悦轩饼家雪糕/提拉米苏(约2磅)</p>
						<span>
							<a class="button01" href="javascript:;">♥&nbsp;收藏</a>
							<a class="button02" href="javascript:;">加入购物车</a>
						</span>
					</div>
				</li>
				<li>
					<div id="zhanshi01">
						<img src="img/tlms04.webp" alt="">
						<p class="color">￥198.00</p>
						<p class="size">悦轩饼家雪糕/提拉米苏(约2磅)</p>
						<span>
							<a class="button01" href="javascript:;">♥&nbsp;收藏</a>
							<a class="button02" href="javascript:;">加入购物车</a>
						</span>
					</div>
				</li>
				<li>
					<div id="zhanshi01">
						<img src="img/tlms01.webp" alt="">
						<p class="color">￥198.00</p>
						<p class="size">悦轩饼家雪糕/提拉米苏(约2磅)</p>
						<span>
							<a class="button01" href="javascript:;">♥&nbsp;收藏</a>
							<a class="button02" href="javascript:;">加入购物车</a>
						</span>
					</div>
				</li>
				<li>
					<div id="zhanshi01">
						<img src="img/tlms02.webp" alt="">
						<p class="color">￥198.00</p>
						<p class="size">悦轩饼家雪糕/提拉米苏(约2磅)</p>
						<span>
							<a class="button01" href="javascript:;">♥&nbsp;收藏</a>
							<a class="button02" href="javascript:;">加入购物车</a>
						</span>
					</div>
				</li>
			</ul>
		</div>
	</body>
</html>